export const routes = [
    {
        path: '/user',
        component: '../layouts/UserLayout',
        routes: [
            {
                name: 'login',
                path: '/user/login',
                component: './user/login',
            },
        ],
    },
    {
        path: '/',
        component: '../layouts/SecurityLayout',
        routes: [
            {
                path: '/',
                component: '../layouts/BasicLayout',
                authority: ['admin', 'user'],
                routes: [
                    {
                        path: '/',
                        redirect: '/welcome',
                    },
                    {
                        path: '/welcome',
                        name: 'welcome',
                        icon: 'smile',
                        component: './Welcome',
                    },
                    {
                        path: '/Hooks',
                        icon: 'smile',
                        component: './Hooks/layout',
                        name: 'Hooks',
                        routes: [
                            {
                                path: '/Hooks/useState',
                                name: 'useState',
                                component: './Hooks/useState',
                            },
                            {
                                path: '/Hooks/useEffect',
                                name: 'useEffect',
                                component: './Hooks/useEffect',
                            },
                            {
                                path: '/Hooks/userContext',
                                name: 'userContext',
                                component: './Hooks/userContext',
                            },
                            {
                                path: '/Hooks/useReducer',
                                name: 'useReducer',
                                component: './Hooks/useReducer',
                            },
                            {
                                path: '/Hooks/useMemo',
                                name: 'useMemo',
                                component: './Hooks/useMemo',
                            },
                            {
                                path: '/Hooks/useRef',
                                name: 'useRef',
                                component: './Hooks/useRef',
                            },
                            {
                                path: '/Hooks/customHooks',
                                name: 'Custom Hooks',
                                component: './Hooks/customHooks',
                            },
                            {
                                path: '/Hooks/redux',
                                name: 'redux',
                                component: './Hooks/redux',
                            },
                        ],
                    },
                    {
                        path: '/unitTest',
                        name: 'unitTest',
                        icon: 'crown',
                        component: './unitTest/layout',
                        routes: [
                            {
                                path: '/unitTest/testList',
                                name: 'testList',
                                component: './unitTest/testList',
                            },
                        ],
                    },
                    {
                        path: '/admin',
                        name: 'admin',
                        icon: 'crown',
                        component: './Admin',
                        authority: ['admin'],
                    },
                    // {
                    //     component: './404',
                    // },
                ],
            },
        ],
    },
    {
        component: './404',
    },
];
